<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>提交订单</title>
    <link href="../../public/css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="../../public/css/mui.min.css" rel="stylesheet" type="text/css">
    <link href="../../public/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="../css/confirmOrder.css">
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/ecmascript" src="../../public/js/lib/md5.js"></script>
    <script src="../../public/js/lib/flexible.js"></script>
    <script src="../../public/js/lib/zepto.min.js"></script>
    <script src="../../public/js/lib/swiper.min.js"></script>
    <script src="../../public/js/lib/mui.min.js"></script>
    <script src="../../public/js/plugins/navigation.js"></script>
    <script src="../../public/js/lib/common.js"></script>
    <script type="text/javascript" src="../js/confirmOrder.js"></script>
</head>
<body>
<div class="glo">
    <div class="nav-header">
        <div class="back">
            <i class="back-view"></i>
        </div>
        <div :value="activeTab" class="nav-tab">
            <div class="tab-item">
                <div>提交订单</div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="tab1-cont">
            <div id="list">
                <div class="list">
                    <div class="order-msg">
                        <div class="order-address">
                            <div class="order-address-icon"></div>
                        </div>
                        <div class="order-info">
                            <div class="order-name">曾氏</div>
                            <div class="address-phone">1301823837474</div>
                            <p class="address">浙江省杭州市西湖区五常街道海川园01幢505室</p>
                        </div>
                    </div>
                    <div class="order-types">
                        <div class="content-right">
                            修改地址<div class="to-right"></div>
                        </div>
                    </div>
                    <div class="fg-line"></div>
                    <div id="goodList">
                        <!--<div class="goods-list">-->
                            <!--<div class="left"><img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/24/1493020810827.png" /></div>-->
                            <!--<div class="center">-->
                                <!--<div class="center-content">-->
                                    <!--<div class="goods-desc">樱花无袖清凉韩版潮流T恤</div>-->
                                    <!--<div class="goods-specification">规格：3xl</div>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="right">-->
                                <!--<div class="goods-prise"><span class="z-price">￥999.00</span><span class="s-price">￥1699.00</span></div>-->
                                <!--<div class="goods-num">x2</div>-->
                                <!--<div class="select-num-content">-->
                                    <!--<div class="add-num">-</div>-->
                                    <!--<div class="value-num">1</div>-->
                                    <!--<div class="add-add">+</div>-->
                                <!--</div>-->
                                <!--&lt;!&ndash;<div class="refund"><span>退款</span></div>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                    <div class="mui-content mui-table-view">
                        <div id="showCityPicker" class="mui-input-row">
                            <label style="color: #00C4D2;">优惠券<span>99张可用</span></label>
                            <input type="text" disabled="disabled" id="nouser" placeholder="未使用" style="text-align: right">
                            <div class="select-more"></div>
                        </div>
                    </div>
                    <div class="mui-content mui-table-view">
                        <div id="select" class="mui-input-row">
                            <label>支付方式</label>
                            <input type="text" disabled="disabled" id="region" placeholder="未选择" style="text-align: right">
                            <div class="select-more"></div>
                        </div>
                    </div>
                </div>
                <div class="handle-way">
                    <div class="order-number">
                        <div class="left">商品总额:</div>
                        <div id="totalPrice" class="right"></div>
                    </div>
                    <div class="order-number">
                        <div class="left">运费:</div>
                        <div id="postMoney" class="right">￥19.00</div>
                    </div>
                    <div class="order-number">
                        <div class="left">优惠:</div>
                        <div id="totalDiscountPrice" class="right">￥29.00</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navi-foot">
        <div class="navi-df">
            <div class="all-price">
                合计：<span id="payMoney"></span>
            </div>
            <div class="add-tocart">
                <div>取消订单</div>
            </div>
            <div id="topay" class="comfire-tocart">
                <div>确认下单</div>
            </div>
        </div>
    </div>
</div>
<div class="popur">
    <div class="ocpice"></div>
    <div class="popur-body">
        <div class="popur-title">选择支付方式</div>
        <ul>
            <div class="cancle-binbing">支付宝支付</div>
            <div class="cancle">微信支付</div>
        </ul>
    </div>
</div>
<script type="text/javascript">

</script>
</body>
</html>